@import "./public.scss";
.mar-bottom{
  margin-bottom:4px;
}

.archive {
  max-width: 1230px !important;
  min-height: 67.5vh !important;
}

.tab-left{
  float: left;
  width:120px;
  margin-right: 10px;
  cursor:pointer;
  border-right: 1px #E4E7ED solid;
  height: 650px;
  .menus{
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px #E4E7ED solid;
    padding-left: 20px;
  }
  
}

.tab-right{
  float: left;
  width:1100px;
  padding-left: 0px;
  height: 650px;
  overflow-y: scroll;
  .detail{
    cursor: pointer;
    width: 255px;
    height: 100px;
    border: 1px #E4E7ED solid;
    float: left;
    margin-right: 15px;
    margin-bottom: 7px;
    padding:10px;
    .one{
      float:left;
      width: 100%;
      height:50px;
      .icon{
        float: left;
        width: 45px;
        height: 45px;
        img{
          width:45px;
        }
      }
      .title{
        float: left;
        height: 50px;
        width: 180px;
        line-height: 50px;
        padding-left: 12px;
        color: #31869B;
        font-size: 18px;
      }
    }
    .two{
      float: left;
      width: 100%;
      height: 30px;
      line-height: 30px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
  }
}











